<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="信渡生物">
    <meta name="description" content="信渡生物">
    <title>信渡生物|官网 </title>
    <link rel="stylesheet" href="css/bootstrap.css" ">
    <link rel="stylesheet" href="css/rainbow.css" ">
    <script src="js/jQuery-2.1.4.min.js" ></script>
    <script src="js/bootstrap.js" ></script>
</head>
<body>
<div class="top_header">
    <div class="clearfix" style="width: 1000px; margin: 0 auto">
       
        <div id="user" class="user clearfix cright">
            <span class="cright"></span>
            <p class="cright">用户：</p>
        </div>
    </div>
</div>
<div class="header clearfix">
    <div  style="width: 1000px; margin: 0 auto">
        <!--<div class="logo cleft " >
            <img src="images/logo.jpg" style="width: 50px;" />
        </div>-->
        <p class="cleft logo_text">信渡生物</p>
        <ul class="clearfix nav_r cright">
            <li class="cleft">
               <a href="index.html" class="active"  style="float: left;">首页</a>
            </li>
            <li class="cleft">
                <a href="about_us.html" >关于我们</a>
            </li>
            <li class="cleft">
                <a href="news1.html" >行业资讯</a>
            </li>
            <li class="cleft">
                <a href="news.html" >招贤纳士</a>
            </li>
            <li class="cleft">
                <a href="contact_us.html" >联系我们</a>
            </li>
        </ul>
    </div>
</div>
<div class="banner">
    <img src="images/top.jpg"  alt=""   style="height: 500px;">
</div>

<section class="characteristic">
    <h2 style="text-align: center;margin: 50px 0 90px 0;">国内领先的互联网平台运营商</h2>
    <ul class="clearfix">
        <li class="cleft">
            <p><img src="images/kua1.png"  alt="" class="img-rounded" style="width: 200px;height: 100px"></p>
            <p class="ch_tl">一键下单</p>
            <p class="ch_ct">所有商品，任意选购</p>
        </li>
        <li class="cleft">
            <p><img src="images/pic2.jpg"  alt="" class="img-rounded" style="width: 200px;height: 100px"></p>
            <p class="ch_tl">肆意剁手</p>
            <p class="ch_ct">购物便捷，省时省心</p>
        </li>
        <li class="cleft">
            <p><img src="images/pic3.jpg"  alt="" class="img-rounded" style="width: 200px;height: 100px"></p>
            <p class="ch_tl">平台联动</p>
            <p class="ch_ct">规范流程，安全放心</p>
        </li>
        <li class="cleft">
            <p><img src="images/pic4.jpg"  alt="" class="img-rounded" style="width: 200px;height: 100px"></p>
            <p class="ch_tl">咨询交流</p>
            <p class="ch_ct">深入了解，放心托付</p>
        </li>
    </ul>
</section>




<div class="footer">
    <p>湖南信渡生物科技有限公司</p>
    <p>注册地址： 湖南省株洲市天元区天台路39号银天广场1019室
 &nbsp;&nbsp;&nbsp;&nbsp;</p>
   
</div>


<div class="dl" style="width: 360px;height: 300px;background: #fff;border: solid 1px #eee;position: fixed;left: 50%;top: 50%;margin-left: -180px;margin-top: -150px;display: none;"	>

  <p style="ext-align: center; background:#3BD4FE;height: 38px;line-height: 38px;color: #fff;font-size:17px;box-shadow: 2px 2px 5px #aaa;font-family: "微软雅黑";margin-bottom: 25px;">青岛七彩鱼软件信息科技有限公司</p>

  <div class="textbox">
    <label for="" style="padding-left: 40px;">用户名</label><input type="text" class="text" style="width:190px;height: 32px;display: inline-block;font-size: 16px;margin: 20px;">
  </div>
  <div class="textbox">
   <label for="" style="padding-left: 40px;">密&nbsp;&nbsp;&nbsp;&nbsp;码</label><input type="password" class="text" style="width:190px;height: 32px;display: inline-block;font-size: 16px;margin: 20px;">
  </div>  
<a href="" class="btnd" style="width: 220px;height: 40px;display: block;margin-left: 70px; background:#3BD4FE;line-height: 40px;text-align: center;font-size: 18px;color: #fff;">登录</a>
<a href="javascript:void(0);" style="display: block;float: left;margin-top: 25px;text-align: center;width: 100%;font-size: 14px;color: #888;" class="gb">[关闭]</a> 
</div>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script>
  $(function() {

        $('.dr').click(function() {

      $('.dl').show();

    });

            $('.gb').click(function() {

      $('.dl').hide();


    }); 

  })

</script>

</body>
</html>